var n;// 表示第几行
jQuery(function(){
	jQuery("#pageSize").val(5);// 初始每页显示几条记录
	jQuery("#pageNo").val(1);// 初始当前第几页
	
	find("user.action",null);
	
	jQuery("#sousuo").click(function(){
		jQuery("#query").slideDown();
	});
	jQuery("#query").mouseleave(function(){
		jQuery(this).slideUp();
	});
 });

function page(data){
	jQuery("#totalPage").text(data.page.totalPage);
	jQuery("#totalSize").text("共"+data.page.totalSize+"条记录");
	jQuery("#pageSize").val(data.page.pageSize);
	jQuery("#pageNo").val(data.page.currentPage);
	if(data.page.currentPage == 1){
		jQuery("#prePage").hide();
		jQuery("#firstPage").hide();
		jQuery("#nexPage").show();
		jQuery("#lastPage").show();
	}
	if(data.page.pageSize >= data.page.totalSize){
		jQuery("#prePage").hide();
		jQuery("#firstPage").hide();
		jQuery("#nexPage").hide();
		jQuery("#lastPage").hide();
	}
	
	if(data.page.totalPage > 1 && data.page.currentPage >= data.page.totalPage){
		jQuery("#prePage").show();
		jQuery("#firstPage").show();
		jQuery("#nexPage").hide();
		jQuery("#lastPage").hide();
	}
}

function find(uri,datas){
	jQuery.post(
		uri+"?page.pageSize="+jQuery("#pageSize").val()+"&page.currentPage="+ jQuery("#pageNo").val(),
		datas,
		function(data){
			if(data.message != null){
				alert(data.message);
			}else{
				page(data);
				jQuery("#ttb98").html("");
				var text = "<tr><th width='20px'><input id='checkedall' type='checkbox'"
						  +"onclick='checkallbox_()' /></th>"
						  +"<th>用户名</th>"
						  +"<th>密码</th></tr>";
			   for(var i=0;i<data.users.length;i++){
				   text = text +"<tr><td>"
						  +"<input type='checkbox' name='box' value='"+data.users[i].userid+"' onclick='checkonebox_()'' />"
						  +"<input type='hidden' name='users["+i+"].userid' value='"+data.users[i].userid+"'/></td>"
						  +"<td><input style='width: 97%;' readonly='readonly' type='text' name='users["+i+"].username' value='"+data.users[i].username+"'/></td>"
						  +"<td><input style='width: 97%' type='text' name='users["+i+"].password' value='"+data.users[i].password+"'/></td>"
						  +"</tr>";
				}
			    jQuery("#ttb98").html(text);
				n = jQuery("#ttb98 tr").length - 1;
			    jQuery("input[readonly='readonly']").css("border","0");	
			 }
		},
		"json");
}


function insRow() // 增加一行
	{
		x = ttb98.insertRow(ttb98.rows.length);
		h0 = x.insertCell(0);
		h1 = x.insertCell(1);
		h2 = x.insertCell(2);
		
		h0.innerHTML = "<input type='checkbox' name='box' value='0'/>";
		h1.innerHTML = "<input type='text' name='users["+n+"].username' style='width: 97%'/>";
		h2.innerHTML = "<input type='text' name='users["+n+"].password' style='width: 97%'/>";
		n++;
	}

	function checkallbox_(){
	  var ischecked=document.getElementById("checkedall").checked;
	  if(ischecked){
	  	allbox_();
	  }else{
	  	disallbox_();
	  }
	}
	
	function allbox_(){
		var boxarray = document.getElementsByName("box");
		for(var i=0;i<boxarray.length;i++){
			boxarray[i].checked = true;
		}
	}
	
	function disallbox_(){
	 	var boxarray = document.getElementsByName("box");
		for(var i=0;i<boxarray.length;i++){
			boxarray[i].checked = false;
		}
	}
	
	function checkonebox_(){
		if(isallchecked_()){
			document.getElementById("checkedall").checked=true;	
		}else{
			document.getElementById("checkedall").checked=false;	
		}
	}	
	
	function isallchecked_(){
		var boxarray = document.getElementsByName("box");
		for(var i=0;i<boxarray.length;i++){
			if(!boxarray[i].checked){
			return false;
			}
		}
		return true;
	}
	
	// 校验是否选中记录
	 function checkBoxSelect(){
	    var rowIndex = new Array();
	 	var box = jQuery("input[name='box']");
	 	for(var i=0;i<box.length;i++){
	 		if(box[i].checked){
	 		    
		 		if(box[i].value != 0){
		 			return true;
		 		}else{
		 		    rowIndex.push(i); // 往数组中添加要删除行的下标
				}		 		
	 		}
	 	}
	 	// 以下为新添加的行，删除时对应清空
	 	if(rowIndex.length > 0){
	 		var i = 0;
	 	    for(var j=0;j<rowIndex.length;j++){
	 	    	ttb98.deleteRow(rowIndex[j]+1-i);
	 	    	i++;
				if(n != 0)
				n--;
	 	    }
	 		return false;
	 	}
	 	
	 	alert("请选择记录。");
	 	return false;
	 }
	 
	 // 保存按钮
	 function savRow(){
		 jQuery("#pageNo").val(1); 
		var action = "user!saveUser.action";
	    var datas = jQuery("#saveForm").serialize(); 
	 	find(action,datas);
	 }
	 
	 // 删除按钮
	 function delRow(){
	    var m = 0;
	    if(checkBoxSelect()){
	    	if(window.confirm("确定要删除吗？")){
			    var f = document.createElement("form");
			    f.id="dele_f";
			    document.body.appendChild(f);
			 	var box = jQuery("input[name='box']");
			 	for(var i=0;i<box.length;i++){
			        if(box[i].checked && box[i].value != 0){
			            var inp = document.createElement("input");
			        	inp.type = "hidden";
			        	inp.name = "users["+m+"].userid";
			        	inp.value = box[i].value;
			        	f.appendChild(inp);
			        	m++;
			        }	
			    }
			    var action = "user!deleteUser.action";
			    var datas = jQuery("#dele_f").serialize(); 
			 	find(action,datas);
			 	jQuery("#dele_f").remove();
		    }
	    }
	 }
	 // 查询
	 function query(){
		jQuery("#pageNo").val(1);// 初始当前第几页
		 
		var action = "user!findByQuery.action";
	    var datas = jQuery("#queryForm").serialize(); 
	 	find(action,datas); 
	 }